<div class="Header-titles">
  <h1 class="Header-title"><a href="{{ site.baseUrl }}">Solved <i>by</i> Flexbox</a></h1>
  <h2 class="Header-subTitle">{{ site.tagline }}</h2>
</div>
<div class="Header-actions">
  <a class="Header-button Button Button--action Button--wide"
     ga-on="click"
     ga-hit-type="social"
     ga-social-network="Github"
     ga-social-action="view-source"
     ga-social-target="https://github.com/philipwalton/solved-by-flexbox"
     href="https://github.com/philipwalton/solved-by-flexbox">
    <span class="icon-github icon-large"></span>&nbsp; View Project Source
  </a>
  <a class="Header-button Button Button--wide"
     ga-on="click"
     ga-hit-type="social"
     ga-social-network="Twitter"
     ga-social-action="tweet"
     ga-social-target="https://philipwalton.github.io/solved-by-flexbox{{ page.permalink }}"
     href="https://twitter.com/intent/tweet?text={{ 'A showcase of traditionally hard CSS problems, easily solved using flexbox.' | urlencode }}&url=https://philipwalton.github.io/solved-by-flexbox/&via=philwalton">
    <span class="icon-twitter icon-large twitter-color"></span>&nbsp; Spread the Word
  </a>
</div>
